<template>
	<view id="app">
		<view class="chose">
			<view class="chose-bankCard">
				选择银行卡
			</view>
			<view class="chose-payment">
				<image class="chose-imgab" src="../../../static/images/paidPayment/93853x.png" mode=""></image>
				<image class="chose-img" src="../../../static/images/paidPayment/66373x.png" mode=""></image>
				<text class="chose-text">钱包支付</text>
			</view>
			<view class="chose-payment">
				<image class="chose-img" src="../../../static/images/paidPayment/46703x.png" mode=""></image>
				<text class="chose-text">其他支付方式</text>
			</view>
		</view>
		<view class="chose-btn">
			<button class="btn" type="default">确认支付500.00</button>
		</view>
		<view class="Card-buttom">
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="scss">
	#app{
		// width: 670rpx;
		background-color: #F3F3F3;
		
	}
	.chose{
		// width: 670rpx;
		// margin: 0 auto;
		// height: 300rpx;
		background-color: #FFFFFF;
	}
	.chose-img{
		width: 34rpx;
		height: 34rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
		vertical-align: middle;
	}
	.chose-imgab{
		width: 24rpx;
		height: 24rpx;
		position: absolute;
		top: 36rpx;
	}
	.chose-bankCard{
		height: 80rpx;
		border-top: 1rpx solid #C0C0C0;
		border-bottom: 1rpx solid #C0C0C0;
		line-height: 80rpx;
		font-size: 30rpx;
		padding-left: 40rpx;
		color: #C0C0C0;
	}
	.chose-payment{
		height: 100rpx;
		border-bottom: 1rpx solid #C0C0C0;
		line-height: 100rpx;
		position: relative;
	}
	.chose-text{
		vertical-align: middle;
		font-size: 30rpx;
	}
	.chose-btn{
		position: fixed;
		bottom: 50rpx;
		.btn{
			width:670rpx;
			height: 80rpx;
			margin-left: 40rpx;
			line-height: 80rpx;
			background-color: #007AFF;
		}
	}
	.Card-buttom{
			width: 300rpx;
			height: 10rpx;
			background-color: black;
			position: fixed;
			bottom: 0;
			left: 210rpx;
			border-radius: 10rpx;
		}

</style>
